/**
 * 功能描述: 基础checkbox提取常量
 * @author 赵常畅
 * @date 2022/9/22 14:05
 * @version 1.0
 */

@import '../../style/index.scss';

$--checkbox-border-color-blue: #1890ff !default;
$--checkbox-border-color-grey: #d9d9d9 !default;
$--checkbox-border-color-disabled-grey: rgba(0, 0, 0, 0.25) !default;
$--checkbox-border-radius: $border-radius-base !default;
$--checkbox-color-white: $color-white;
$--checkbox-background-color: $--checkbox-color-white;
$--checkbox-background-color-grey: #f5f5f5;

// 基础checkbox
$--checkbox-font-color: rgba(0, 0, 0, 0.85);
$--checkbox-font-size: $font-size-base;
$--checkbox-line-height: 1.5715;
$--checkbox-hover-border-color: $--checkbox-border-color-blue;
$--checkbox-inner-background-color: $--checkbox-background-color;
$--checkbox-inner-border: 1px solid $--checkbox-border-color-grey;
$--checkbox-inner-border-radius: $--checkbox-border-radius;
$--checkbox-inner-transition: all 0.3s;
$--checkbox-inner-after-border: 2px solid $--checkbox-color-white;
$--checkbox-inner-after-transform: rotate(45deg) scale(0) translate(-50%, -50%);
$--checkbox-inner-after-transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
// checkbox checked
$--checkbox-checked-border: 1px solid $--checkbox-border-color-blue;
$--checkbox-checked-border-radius: $--checkbox-border-radius;
$--checkbox-checked-animation: #{$namespace}CheckboxEffect 0.36s ease-in-out;
$--checkbox-checked-animation-fill-mode: backwards;
$--checkbox-checked-inner-background-color: $--checkbox-border-color-blue;
$--checkbox-checked-inner-border-color: $--checkbox-border-color-blue;
$--checkbox-checked-inner-border: 2px solid $--checkbox-color-white;
$--checkbox-checked-inner-transform: rotate(45deg) scale(1) translate(-50%, -50%);
$--checkbox-checked-inner-transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
// checkbox disabled
$--checkbox-disabled-checked-border-color: $--checkbox-border-color-disabled-grey;
$--checkbox-disabled-inner-background-color: $--checkbox-background-color-grey;
$--checkbox-disabled-inner-border-color: $--checkbox-border-color-grey;
$--checkbox-disabled-inner-after-border-color: $--checkbox-background-color-grey;
$--checkbox-disabled-font-color: $--checkbox-border-color-disabled-grey;
